<template>
  <MyTemplate>
    <div class="about">
      <el-row style="width: 100%;height: 100%;padding: 5% 10%;">
        <el-col>
          <h4>联系我们</h4>
          <hr style="background-color: blue;height: 1px;">
          <div style="margin: 2%;line-height: 30px;">
            <div style="text-align: center;font-size: 14px;">发布时间：2022-11-11</div>
            <div style="text-indent:2em;">
              感谢您对海港时空地理信息系统的支持和关心，我们真诚的希望您留下有关本网站的任何意见和建议，海港区时空信息云平台会在您的关怀下，日臻成熟与完善。
            </div>
            <el-row>
              <el-col :span="6">地址：</el-col>
              <el-col :span="18">河北省唐山市海港区</el-col>
            </el-row>
            <el-row>
              <el-col :span="6">邮编：</el-col>
              <el-col :span="18">063700</el-col>
            </el-row>
<!--            <el-row>
              <el-col :span="6">电话：</el-col>
              <el-col :span="18"></el-col>
            </el-row>-->
            <el-row></el-row>
            <el-row></el-row>
          </div>
        </el-col>
      </el-row>
    </div>
    <my-footer style="float: bottom"></my-footer>
  </MyTemplate>
</template>

<script>
  import MyTemplate from "@/components/my-template/MyTemplate";
  import MyFooter from '@/components/my-footer'
  /**
   *{ 免责声明 }
   * @param:
   * @author: 李丙闯
   * @DateTime: 2022/11/11
   */

  export default {
    name: "index",
    components: {MyTemplate,MyFooter}
  }
</script>

<style  scoped>
.about {
  height: 612px;
  margin: 0 10%;
  background-color: #f7f7f8;
}
</style>
